<template>
  <div class="hello">
    <h1>{{ msg }}</h1>
    <p class="show-test" >{{testData}}</p>

    <p class="test" @click="test" >测试</p>
  </div>
</template>

<script>
export default {
  name: 'jsbriger',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App',
      testData: 'wei kai shi'
    }
  },
  methods: {
    test:function () {
      var that = this
      this.$bridge.callhandler('callHandler ce shi shu ju ', 
      (res) => {
        alert(res)
        that.testData = res
      })
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.test {
  font-size: 20px;
  color: aqua
}
.show-test {
  font-size: 30px;
  color: red
}


</style>
